body {
    font-size: 0;
    max-width:800px;
    margin: 0 auto;
}

.carousel {
    position: relative;
    overflow: hidden;
}

.carousel .items {
    display: flex;
}

.carousel .item img {
    width: 100%;
}

.carousel .nav {
    display: flex;
    position: absolute;
    left: 80%;
    transform: translateX(-50%);
    bottom: .15rem;
}

.carousel .nav li {
    border: 1px solid #0099CC;
    border-radius: 50%;
    width: .1rem;
    height: .1rem;
    margin: 0 .1rem;
}

.carousel .nav li.active {
    background-color: #0099CC;
}